{include file="public/head,public/nav" /}

<div class="page-body">
    <div class="filter-bg">
        <div class="filter-wrap">
            <div class="w-filter-ab-test">
                <div class="w-filter-top-nav clearfix" style="margin:12px">
                </div>

                <div class="filter-wrapper">
                    <div class="normal-filter ">
                        <div class="w-filter-normal-ab  filter-list-ab">
                            <h5 class="filter-label-ab">分类</h5>
                            <span class="filter-all-ab">
                                <a class="w-filter-item-ab" href="{:url('lists/index')}"><span
                                        class="item-content {eq name='categorys' value=''}filter-active-all-ab{/eq}">全部</span></a>
                            </span>
                            <div class="j-filter-items-wrap-ab filter-items-wrap-ab">
                                <div class="j-filter-items-ab filter-items-ab filter-content-ab">
                                    {volist name='cateFir' id='vo'}
                                    <a class="w-filter-item-ab" href="{:url('lists/index',['id'=>$vo->id])}"><span
                                            class="item-content {eq name='categorys' value='$vo->id'}filter-active-all-ab{/eq}">{$vo->name}</span></a>
                                    {/volist}
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="filter-wrapper">
                    <div class="normal-filter ">
                        <div class="w-filter-normal-ab  filter-list-ab">
                            <h5 class="filter-label-ab">子分类</h5>
                            <span class="filter-all-ab">
                                    
                                </span>
                            <div class="j-filter-items-wrap-ab filter-items-wrap-ab">
                                <div id="se_category_id" class="j-filter-items-ab filter-items-ab filter-content-ab">
                                    {volist name='secategory' id='vo'}
                                    <a class="w-filter-item-ab" href="{:url('lists/index',['id'=>$vo->id])}"><span
                                            class="item-content {eq name='Think.get.id' value='$vo->id'}filter-active-all-ab{/eq}">{$vo->name}</span></a>
                                    {/volist}
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="w-sort-bar">
                <div class="bar-area"
                     style="position: relative; left: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; top: 0px;">
                        <span class="sort-area">
                            <a class="sort-default {eq name='orderflag' value=''}sort-default-active{/eq}">默认</a>
                            <a href="{:url('lists/index',['id'=>$id,'order_sales'=>1])}"
                               class="sort-item sort-down {eq name='orderflag' value='order_sales'}sort-default-active{/eq}"
                               title="点击按销量降序排序">销量↓</a>
                            <a href="{:url('lists/index',['id'=>$id,'order_price'=>1])}"
                               class="sort-item price-default price {eq name='orderflag' value='order_price'}sort-default-active{/eq}"
                               title="点击按价格降序排序">价格↓</a>
                            
                            <a href="{:url('lists/index',['id'=>$id,'order_time'=>1])}"
                               class="sort-item sort-up {eq name='orderflag' value='order_time'}sort-default-active{/eq}"
                               title="发布时间由近到远">最新发布↑</a>
                        </span>

                </div>
            </div>
            <ul class="itemlist eight-row-height">
                {volist name='res' id='vo'}
                <li class="j-card">
                    <a>
                        <div class="imgbox">
                            <ul class="marketing-label-container">
                                <li class="marketing-label marketing-free-appoint"></li>
                            </ul>
                            <div class="range-area">
                                <div class="range-bg"></div>
                                <div class="range-inner">
                                    <span class="white-locate"></span>
                                </div>
                            </div>
                            <div class="borderbox">
                                <img src="{$vo->image}"/>
                            </div>
                        </div>
                    </a>
                    <div class="contentbox">
                        <a href="{:url('detail/index',['id'=>$vo->id])}" target="_blank">
                            <div class="header">
                                <h4 class="title ">{$vo->name}</h4>
                                <div class="collected">精选</div>
                            </div>
                            <p>{$vo->location_ids|countLocation}</p>
                        </a>
                        <div class="add-info"></div>
                        <div class="pinfo">
                            <span class="price"><span class="moneyico">¥</span>{$vo->current_price}</span>
                            <span class="ori-price">价值<span class="price-line">¥<span>{$vo->origin_price}</span></span></span>
                        </div>
                        <div class="footer">
                            <span class="comment">4.6分</span><span class="sold">已售{$vo->buy_count}</span>
                            <div class="bottom-border"></div>
                        </div>
                    </div>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
    <div class="content-wrap">{:pagination($res)}</div>
</div>

<div class="footer-content">
    <div class="copyright-info">

    </div>
</div>
<script>
    var SCOPE = {
        'se_category': "{:url('admin/category/getCategorySon')}"
    }
</script>
<script>
    $(".tab-item-wrap").click(function () {
        var index = $(".tab-item-wrap").index(this);
        $(".tab-item-wrap").removeClass("selected");
        $(".district-cont-wrap").css({display: "none"});
        $(this).addClass("selected");
        $(".district-cont-wrap").eq(index).css({display: "block"});
    });

    $(".sort-area a").click(function () {
        $(".sort-area a").removeClass("sort-default-active").css({color: "#666"});
        $(this).addClass("sort-default-active").css({color: "#ff4883"});
    });
</script>
</body>
</html>